<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta charset="UTF-8">
    <script src="js/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <title>Vue demo 06 对象遍历</title>
</head>
<body>
<div id="box">
    <ul>
        <!--        <li v-for="(value, index) in date" key="index">-->
        <!--            {{value.classname}}&#45;&#45;&#45;&#45;&#45;&#45;{{value.student.stuNum}}&#45;&#45;&#45;&#45;&#45;&#45;{{value.student.stuName}}-->
        <!--        </li>-->

        <li v-for="(student, index) in student" key="index">
            {{classname}}------{{student.stuNum}}------{{student.stuName}}
        </li>
    </ul>
</div>
</body>
<script>
    let vm = new Vue({
        el: "#box",
        data: {
            classname: "计科",
            student: [
                {
                    stuNum: "2017112302",
                    stuName: "刘宗顺"
                },
                {
                    stuNum: "2017112320",
                    stuName: "代云水"
                },
                {
                    stuNum: "2017112106",
                    stuName: "丁皞哲"
                },
                {
                    stuNum: "2017112327",
                    stuName: "阿依加马丽·艾乃吐力"
                },
                {
                    stuNum: "2017112101",
                    stuName: "袁碧茹"
                },
                {
                    stuNum: "2017112317",
                    stuName: "陈疏桐"
                },
            ],
        },
    });
</script>
</html>